<template>
  <sec-btn type="text" @click="open">点击打开 Message Box</sec-btn>
</template>

<script>
export default {
  methods: {
    open() {
      this.$confirm('检测到未保存的内容，是否在离开页面前保存修改？', '确认信息', {
        distinguishCancelAndClose: true,
        confirmButtonText: '保存',
        cancelButtonText: '放弃修改',
      }).then(() => {
        this.$message.info('保存修改');
      }).catch((action) => {
        this.$message.info(action === 'cancel' ? '放弃保存并离开页面' : '停留在当前页面');
      });
    },
  },
};
</script>
